<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script>
	jQuery(function(){   
		window.paging = new Paging({
			form:".form",
			index:${paging.index},
			size:${paging.size},
			rows:${paging.rows}
		});
	});
</script>
<div class="xl-paging pull-right text-center">
	<span>共<b>${paging.rows }</b>条&nbsp;&nbsp;&nbsp;&nbsp;每页</span>
	<span>
		<select class="xl-paging-size" onchange="paging.setSize(this.value)">
			<option <c:if test="${paging.size==5 }" >selected="selected"</c:if>>5</option>
			<option <c:if test="${paging.size==10 }" >selected="selected"</c:if>>10</option>
			<option <c:if test="${paging.size==15 }" >selected="selected"</c:if>>15</option>
			<option <c:if test="${paging.size==20 }" >selected="selected"</c:if>>20</option>
			<option <c:if test="${paging.size==30 }" >selected="selected"</c:if>>30</option>
			<option <c:if test="${paging.size==50 }" >selected="selected"</c:if>>50</option>
			<option <c:if test="${paging.size==100 }" >selected="selected"</c:if>>100</option>
		</select>
	</span>
	<span>条&nbsp;&nbsp;&nbsp;&nbsp;<b>${paging.index }/${paging.pages }</b>&nbsp;&nbsp;共<b>${paging.pages }</b>页&nbsp;&nbsp;</span>
	<span>
		<a href="javascript:void 0;" class="glyphicon glyphicon-step-backward" title="首页" onclick="paging.toFirst()"></a>
		<a href="javascript:void 0;" class="glyphicon glyphicon-chevron-left" title="上一页" onclick="paging.toPrev()"></a>
		<a href="javascript:void 0;" class="glyphicon glyphicon-chevron-right" title="下一页" onclick="paging.toNext()"></a>
		<a href="javascript:void 0;" class="glyphicon glyphicon-step-forward" title="尾页" onclick="paging.toLast()"></a>
	</span>
	<span>
		<input type="text" id="xl-paging-to" class="xl-paging-to" placeholder="跳页"/>
		<button type="button" class="xl-paging-to-btn" onclick="paging.go($('#xl-paging-to').val())">GO</button>
	</span>
</div>